<template>
  <div>
    <!-- 平台培训中心 -->
    <header1 now="5"></header1>

    <!-- 上方大图 -->
    <div class="t1">
      <img src="/pei-xun/1.png" />
    </div>
    <!-- 上方大图结束 -->

    <!-- 导航栏 -->

    <!-- 导航栏结束 -->

    <!-- 介绍 -->

    <div class='conter' >

      <!-- 介绍文字 -->
        <h4 style='color:#00BEAF;font-size:25px;margin:40px auto;text-align:center'>关于培训中心</h4>
      <p class="pls1">
        阿姨帮平台培训中心（简称“培训中心”）旨在提高阿姨帮平台合作方的服务人员的服务技能和服务意识，为平台用户提供更好地服务体验。
      </p>
      <p class="pls1">
        培训中心根据阿姨帮平台订单大数据分析，根据不同用户需求和特点打造的系统化的培训课程和管理运营体系。培训中心通过理论结合实操，系统化提升家庭服务人员的服务意识、服务规范、平台技能等各项素质。
      </p>
      <p class="pls1">
        服务人员的培训是一个持续的过程，培训中心的培训体系分不同的方向和级别而制定，并结合运营管理体系对服务人员会有持续的跟进和提升培训计划。
      </p>
      <p class="p1">培训项目：</p>
      <img   src="/pei-xun/2.jpg" class="t2" />

      <!-- 介绍图结束 -->

      <p class="p1">报名方式：</p>

      <!-- 报名方式 -->
      <div class="tc_bmfs_around">
        <div class="tcf-flex tcf-justify-justify tc_bmfs">
          <div class="tc_bmfs_item">
            <p class="tc_bmfs_item_title">在线报名</p>
            <div class="tc_bmfs_item_body">
              <p class="tc_bmfs_item_body_bt">点击提交报名信息</p>
              <p>请保持电话畅通，我们会在24小时内联系您</p>
            </div>
          </div>
          <div class="tc_bmfs_item">
            <p class="tc_bmfs_item_title">电话咨询</p>
            <div class="tc_bmfs_item_body">
              <p>报名电话：18613892362</p>
              <p>工作日：09:00-18:00</p>
            </div>
          </div>
          <div class="tc_bmfs_item">
            <p class="tc_bmfs_item_title">了解阿姨帮</p>
            <div class="tc_bmfs_item_body">
              <p class="tc_bmfs_item_body_bt">点击了解阿姨帮详细信息</p>
            </div>
          </div>
        </div>
      </div>
    </div>

    <!-- 介绍结束 -->

    <footer1></footer1>
  </div>
</template>

<script>
import header1 from "./H-header.vue";
import footer1 from "./H-footer.vue";
export default {
  components: {
    header1,
    footer1
  },
  data() {
    return {
      activeName: "second"
    };
  }
};
</script>

<style lang="scss">
.t1 {
  width: 100vw;
  height: 480px;
}
.conter{
  margin:70px auto;
  width:1000px;
  font-size:14px;
  line-height:24px;
 .pls1{
    margin-bottom: 20px;
  }
  >p:first-child {
    padding-top: 40px;
}
.p1{
  font-size: 16px
}
}
.t2{
  display: block;
  margin: 0 auto 20px;
}
.tc_bmfs_around{
width: 954px;
margin: 0 auto;

.tcf-flex{
  display:flex;
  justify-content: space-between;
  text-align: center;
   .tc_bmfs_item {
    width: 300px;
    height: 140px;
    border: solid 1px #dedede;
}
.tc_bmfs_item_title {
    height: 50px;
    font-size: 16px!important;
    background-color: #00beaf;
    color: #fff!important;
    line-height: 50px!important;
}
.tc_bmfs_item_body_bt {
    font-size: 14px!important;
    color: #00beaf!important;
    background-color: #fff;
    border: 0;
    font-weight: 700;
    cursor: pointer;
}
}

}
.tc_bmfs_item_body{
padding-top: 21px;
}
</style>